<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>简单的一些标签</title>
		
	</head>
	<body>
		<a name="html2.name"></a>
		一. &lt;xmp&gt;和&lt;/xmp&gt; 标签<br />
			（）用以在HTML网页中显示HTML标签内容<br />
			1.使用&lt;xmp&gt;和&lt;/xmp&gt;标签包含在要显示的HTML标签内容的外面<br />
			(虽然一些浏览器仍然支持它，但也许已从相关的 web 标准中移除)<br />
			2.也可使用转义字符，将对应的"<"和">"用转义字符&lt;和&gt;代替即可<br />
		<br />
		二.& nbsp; 表示空格。<br />
		<br />
		三：base标签描述了基本的链接地址、链接目标，<br />
		&nbsp;&nbsp;该标签作为html文档中所有的链接标签的默认链接<br />
		<!-- <img src="img/base.png"> -->
		<img src="./img/base.png"/><br />
		<br />
		四：link标签定义了文档与外部资源的关系<br />
			；link标签通常用于链接到样式表<br />
			<img src="img/link.png"/><br>
			<br />
		五：style标签
		style标签定义了HTML文档的样式文件引用地址<br />
		style元素中你也可以直接添加样式渲染HTML文档<br />
		<br />
		六：meta 标签描述了一些基本的元数据
		meta元素通常用于指定网页的描述，关键词，文件的最后修改时间，作者和其他元数据<br />
		元数据可以使用于浏览器（如何显示内容或重新加载界面），<br />
		搜索引擎（关键字），或其他web服务<br />
		<img src="./img/mate.png" alt=""><br>
		<br />
		
		
		七：script标签用于加载脚本文件，如javascript。<br /><br>
		
		八：h1，hr，a，br，p，标签<br />
			<img src="./img/x1.png" alt=""><br /><br />
		
		九：一些文本字体样式标签<br />
						
					<b>b：粗体</b>
					<br/>
					
					<strong>strong：定义加重语气 粗体：意味着你要呈现的文本是重要的，所以突出显示</strong>
					<br/>
					
					em：<em>定义着重字体 斜体：意味着你要呈现的文本是重要的，所以突出显示</em>
					<br/>
					
					i：<i>斜体</i>
					<br/>
					
					small：<small>定义小号字</small>
					<br/>
					
					sub：<sub>下标字</sub>
					<br>
					
					sup：这是上标x<sup>2</sup>+y<sup>是</sup>
					<br/>
					
					ins：这是<ins>插入的字体</ins>
					<br>
					
					del：这是<del>删除的字，也就是用线划掉这些字</del>
					<br/>
					
					<br/>
			
		十：a标签的简略用法<br />
		&lt;a&gt; 元素：创建链接的主要html元素是 “<a>（锚）元素”<br />	
			&lt;a&gt;:具有以下属性<br />
				href:指定链接目标的url，这是链接的最重要的属性。可以是另外一个网页的url，文件的url，其他资源的url<br />
				target（可选）：指定链接的如何在浏览器打开。<br />
								常见的值有_blank（在新建标签or窗口打开链接）<br />
										_self（在当前标签oor窗口打开链接）<br />
				title（可选）：指定与链接目标的关系，如Nofollow ，noopener<br />
			<br />
			<p>文本链接：</p>
					<a href="http://www.baidu.com">链接文本</a>
					<br/>
					
					
					<p>锚点链接：在同一页面内创建内部链接，<p/>
					<a href="#html2.name">跳转到上面<a/>
						<!--在网页的某个位置-->
					<!-- <a name="html2.name"></a> -->
					<br/>
			<p>图片链接，跳转到百度：</p>
			<a href="https://www.baidu.com">
					<img src="./img/a1.png" alt="示例图片">
			<a/>
			<br />
			<br />
		（2）a的用法：<br />
		<img src="./img/a2.png" alt="">
			<br /><br />
		十一：img图像标签<br />
			html图像-图像标签（&lt;img&gt;和原属性（src）以及alt属性）<br />
						&lt;img&gt;是空标签，也就是，它只包含属性（src）.<br />
						src是指“source” 原属性的指是指图像的URL地址<br />
						语法：<br />
							&lt;img src="url" alt=some_text""&gt;<br />
						alt：用来为图像定义一串预备的可替换文本<br />
								替换的 文本属性的值（some_text） 是用户自定义的<br />
					height（高度），width（宽度）属性默认单位为像素<br />
						例子:<br />
							&lt;img src="url" alt="some-text" width="304" herght="228"&gt; 
			
			（2）图像的应用;<br />
			图片的更多应用
					001.创建无边框的图片链接
					
						&lt;a href="url" &gt;
						&lt;img border="0" src="url" alt"图片无法加载时的文本"&gt;
						&lt;/a &gt;
						
					002.带图片的段落，图片浮动在这个文本的左边
					<p>
					&lt;img src="url" alt="some-text" style="float:left"&gt;一个带图片的段落
					</p>
					
					003.创建图像的映射
					如何创建带有 可供点击区域的 图像地图.其中每个区域都是一个超级链接
					map>标签定义了一个图像映射
					area>标签定义一个or多个区域
			十二：列表标签<br />
			有序列表:&lt;ol&gt;&lt;/ol&gt;
			<ol>
			<li>a</li>
			<li>b</li>
			<li>c</li>
			</ol>
			无序列表:&lt;ul&gt;&lt;/ul&gt;
			<ul>
			<li>a</li>
			<li>b</li>
			<li>c</li>
			</ul>
			
			
			
			
			
			
	</body>
</html>